<template>
  <div>
    <el-form ref="form" :model="form" label-width="100px">
      <el-row style="height:30px"  type="flex" >
          <el-col :span="4">
          <el-form-item >
          <el-select v-model="form.selectOne" style="width:140px;" placeholder="选择省份" >
              <template v-for="(item,idx) in provinces"  >
                  <el-option :key="idx" :label="item.lable" :value="item.lable"></el-option>
              </template>
          </el-select>
          </el-form-item>
          </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
export default {
  props:{
    provinces:{
      type:Object,
      default:[{lable:'北京'},{lable:'上海'},{lable:'浙江'},{lable:'天津'},{lable:'湖北'}]
    }},
  data() {
    return {
        form: {
            selectOne:'',//单选默认值
            selectMultiple:['1','2','3'],//多选默认值
        },
    }
  },
  computed:{

    },
  methods: {
        selchanged:function(val){
      console.log(val)
    }
  },
}
</script>

